
.location{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0,0,0,0.5);
  .lobox{
    width: 100%;
    height: 8.19rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;

    h1{
      font-size:0.36rem;
      font-weight:600;

      text-align: center;
      line-height: 0.88rem;
      display: flex;
      align-items: center;
      justify-content: space-between;

      span{
        padding: 0 0.36rem;
        height: 0.88rem;
      }

      span:nth-child(1){
        color:rgba(197,197,197,1);
      }
      span:nth-child(3){
        color:#105FFE;
      }
    }

    h2{
      line-height: 0.88rem;
      font-size: 0.32rem;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 0.26rem;
      color:rgba(50,50,50,1);
      border-bottom:0.01rem solid rgba(197,197,197,0.5);
      span{
        padding: 0 0.1rem;
      }
      i{
        height: 0.88rem;
        padding: 0 0.1rem;
        cursor: pointer;
        color:#105FFE;
      }
    }

    .list{
      overflow: auto;
      height: 6.53rem;
    }

    ul{
      li{
        height: 1rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0.36rem;
        border-bottom:0.01rem solid rgba(197,197,197,0.5);
        font-size:0.32rem;
        font-weight:600;
        color:rgba(50,50,50,1);
      }
    }
  }
}
